*{
	margin: 0;
	padding: 0;
}
@charset "utf-8";

$Bcolor:#000;
$Wcolor:#f3f3f3;
$width:100%;
$Twidth:10px;

li{
	list-style: none;
}
a{
	text-decoration: none;
}
a{
	color: $Bcolor;
}
footer{
	width: $width;
	background-color: $Wcolor;
}
.footer-after{
	padding-top: $Twidth * 3;
	display: flex;
	justify-content: space-around;
	
}	

.footer-after>div>img{
	float: left;
	width: 55px;
	height: 55px;
	display: block;
	margin-top: $Twidth;
}
.footer-after h2{
	font-size: 18px;
	float: left;
	margin: $Twidth $Twidth * 2;
}
.footer-after a{
	font-size: 12px;
	display: block;
	margin: $Twidth 75px;
}
.footer-menu{
	width: 90%;
	border-top:1px solid #999999 ;
	border-bottom:1px solid #999999 ;
	display: flex;
	justify-content: space-between;
	padding: $Twidth * 3 5px;
	margin: $Twidth * 3  auto 0;
}
.footer-menu a{
	font-size: 12px;
	line-height: $Twidth*3;
}
.footer-menu h2{
	font-size: 18px;
}
.footer-nav{
	display: flex;
	justify-content: center;
	padding: 15px 0;
}
.footer-nav p{
	display: inline-block;
	margin: 0 15px;
	font-size: 13px;
	color: #4b4b4b;
}
.footer-nav p a{
	color: #4b4b4b;
}
.footer-text{
	margin: auto;
	text-align: center;
	width: 90%;
	color: #999;
}
.footer-records{
	margin: auto;
	text-align: center;
	width: 90%;
	margin: $Twidth 0;
	line-height: 20px;
	color: #999;
}
.footer-records img{
	vertical-align: middle;
}
.footer-bottom{
	display: flex;
	justify-content: center;
	padding: 15px 0;
	color: #999;
	
}
.footer-bottom img{
	margin-left:$Twidth*2;
}

